<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>热门品牌排行</title>
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/brand.css">
</head>
 
<body>
  <div class="mm-layout" id="aa">
    <!-- 头部 -->
    <div class="mm-header"> 
      <div class="hd-logo">
        <span>
          <img src="./images/header_logo.png" alt="">
        </span>
        <a href="#">
          <img src="./images/header_app.png" alt="">
        </a>
      </div>
      <div class="hd-search">
        <form class="hd-form">
          <input type="search" class="search" name="search" placeholder="请输入你想比价的商品">
          <button type="button" class="search-btn">搜索</button>
        </form>
      </div>
    </div>

    <!-- 主体 -->
    <div class="mm-main">
      <!-- 面包蟹导航 -->
      <div class="product-top">
        <a href="index.html">首页</a>><a href="category.html">全部分类</a>><a href="#" class="category-info"></a>
      </div>

      <div class="renking">
        <p> 平板电视哪个牌子好</p>
      </div>
      <!-- 那个牌子好 -->
      <div class="good"> 
        <ul>
          <li>
            <a href="#">
              <em>1</em>
              <div class="good-txt">创维平板电视</div>
              <p>30天全网销售：463532件</p>
            </a>
          </li>
          <li>
            <a href="#">
              <em>2</em>
              <div class="good-txt">创维平板电视</div>
              <p>30天全网销售：463532件</p>
            </a>
          </li>
          <li>
            <a href="#">
              <em>3</em>
              <div class="good-txt">创维平板电视</div>
              <p>30天全网销售：463532件</p>
            </a>
          </li>
          <li>
            <a href="#">
              <em>4</em>
              <div class="good-txt">创维平板电视</div>
              <p>30天全网销售：463532件</p>
            </a>
          </li>
        </ul>
      </div>

      <div class="renking">
          <p> 平板电视产品销量排行</p>
      </div>
      <!-- 销量排行 -->
      <div class="ren">
          <ul>
            <li>
              <a href="#">
                <img src="./images/categorylist.jpg" alt="">
                <div class="ren-txt">乐视TV(Letv) 超3 X55 55英寸智能LED液晶 超级电视 4K超清电视</div>
                <div class="price">￥3266.00 </div>
                <p>
                  <span>报价(6)</span>
                  <span>评论(668)</span>
                </p>
              </a>
            </li>
          </ul>
      </div>

      <div class="renking">
          <p> 平板电视最新评论</p>
      </div>
      <!-- 评论 -->
      <div class="comment">
        <ul>
          <li>
            <a href="#">
              <div class="pic">
                <img src="./images/categorylist.jpg" alt="">
                <div class="pic-txt">乐视TV(Letv) 超3 X55 55英寸智能LED液晶 超级电视 4K超清电视</div>
              </div>
              <div class="comment-txt">
                <p>
                  <span class="fl">g***n：</span>
                  <span class="fr">2016/2/18</span>
                </p>
                <p>
                  外观：精工细作，颜值再度提高作为一台55寸的大电视，乐视X55正面看起来非常大气，
                  \配合Letv独有的造型独特的云底座，整体视觉观感出色。会发光的Letv标识被放置在了机器的左下角，
                  标识右侧，安排有一个圆形的遥控器信号接收区域。乐视X55的边框处理相当讲究，采用了时下智能手机产品上常见的倒角工艺，
                  配合表面的金属拉丝，展现出产品细节上的用心。同时，乐视X55的正面屏幕边框也非常窄，
                  正面边框与屏幕内部黑边的宽度总和近似等于一部普通智能手机的厚度。在成为会员之前，用户对所有高清视频拥有6分钟的试看时间。
                  应用扩展方面，EUI5延续了超级电视一贯的风格，对于一台安卓系统的设备来说，系统中自带电视管家等应用可以进行内存清理等操作，
                  方便实用。总结：超级电视的完善之作智能电视发展的日渐成熟，让智能电视产品本身越来越难以出现具有突破性的亮点，
                  即使是有了超级之名的乐视TV，在实际的使用上，也并没什么真正让人眼前一亮的功能。此时乐视X55出现的意义，
                  我们觉得是更像是对已经在行业占据领先位置的乐视TV的一次完善，出色的显示效果，更加精致的外观，
                  回归实用的遥控器，配合软件上功能全面的EUI系统，乐视X55称的上市超级电视的完善之作。加油吧，京东 评论发布自 购买自：京东商城
                </p>
              </div>
            </a>
          </li>
        </ul>
      </div>


    </div>



    <!-- 底部 -->
    <div class="mm-footer">

      <div class="foot-top">
        <a href="#">登录</a>
        <a href="#">注册</a>
        <a href="#aa" class="upward"><img src="./images/top.jpg" alt="">返回顶部</a>
      </div>
      <div class="foot-bottom">
        <p>
          <a href="#">手机APP下载</a>
          <span>慢慢买手机版</span>
          -- 掌上比价平台
        </p>
        <p>m.manmanbuy.com</p>
      </div>
    </div>

  </div>



  <!-- 品牌号模板 -->
  <script type="text/html" id="tmp-good">
    <ul>
      {{ each result v i }}
      <li>
        <a href="productlist.html?categoryid={{ v.categoryId }}&category=电视">
          <em>{{ v.brandId +1 }}</em>
          <div class="good-txt">{{ v.brandName }}</div>
          <p>{{ v.brandInfo }}</p>
        </a>
      </li> 
      {{ /each }}
    </ul>
  </script>

  <!-- 销量排行模板 -->
  <script type="text/html" id="tmp-ren">
    <ul>
      {{ each result v i }}
      <li>
        <a href="bijia.html?productid={{ v.productId }}">
         {{@ v.productImg }}
          <div class="ren-txt">{{ v.productName }}</div>
          <div class="price">{{ v.productPrice }}</div>
          <p>
            <span>{{ v.productQuote }}</span>
            <span>{{ v.productCom }}</span>
          </p>
        </a>
      </li>  
      {{ /each }}
    </ul>
  </script>

  <!-- 评论模板  -->
  <script type="text/html" id="tmp-comment">
    <ul>
      {{ each result v i }}
        
      <li>
        <a href="#">
          <div class="pic" data-di={{ v.prductId}}>
            <img src="./images/categorylist.jpg" alt="">
            <div class="pic-txt">乐视TV(Letv) 超3 X55 55英寸智能LED液晶 超级电视 4K超清电视</div>
          </div>
          <div class="comment-txt" data-id={{ v.comId }}>
            <p>
              <span class="fl">{{ v.comName }}：</span>
              <span class="fr">{{ v.comTime }}</span>
            </p>
            <p>
              {{ v.comContent }}
            </p>
          </div>
        </a>
      </li>
      {{ /each}}
    </ul>
  </script>

  <script src="./lib/artTemplate/template-web.js"></script>
  <script src="./lib/jquery/jquery.min.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/brand.js"></script>
</body>

</html>